
<html>
<head>
<link rel="stylesheet" type="text/css" href="/stylesheets/main.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.6/jquery.tools.min.js"></script>
<script type="text/javascript" src="scripts/dropdown.js"></script>
<script type="text/javascript" src="scripts/createPage.js"></script>

<title>Welcome to StudyVolved, test@example.com</title>

<!--Thanks to http://javascript-array.com/scripts/jquery_simple_drop_down_menu/-->
</head>
<body>

<div id="categoryPane" class="simple_overlay">
	<header id="categoryHeader" class="info">
	<h3>Create Category</h3>	
	</header>
	
	<div> 
		<label class="desc" id="title0" for="Field0">
		Category Name:
		</label>
		<input id="categoryTitle" name="Field0" type="text" class="field qTitle" value="" size="66" tabindex="1" />
	</div>
	
	<div>
		<label class="desc" id="title0" for="Field0">
		Category Description: 
		</label>
		<textarea id="categoryDescription" name="Field1" type="text" 
		class="Field1" value="" rows = "4" cols = "44"></textarea>			
	</div>
	
	<header id="locationHeader" class="info">
	<h4>Location</h4>	
	</header>
	
	<label class="desc" id="courseLabel" for="Field8">
		Course:        		
		</label>
	<select class="coursesSelect" id="categoryCoursesSelect">		
	</select>
	
	<br /><button type="button" id="catSubmitButton" onclick="">Submit Category</button>
</div>
<div id="coursePane" class="simple_overlay">
	<header id="courseHeader" class="info">
	<h3>Create Course</h3>	
	</header>
	
	<div> 
		<label class="desc" id="title0" for="Field0">
		Course Name:
		</label>
		<input id="courseName" name="Field0" type="text" class="field qTitle" value="" size="65" tabindex="1" />
	</div>
	
	<div>
		<label class="desc" id="title0" for="Field0">
		Course Description: 
		</label>
		<textarea id="courseDescription" name="Field1" type="text" 
		class="field qText" value="" rows = "4" cols = "44"></textarea>			
	</div>
	
	<br /><button type="button" id="courseSubmitButton" onclick="">Submit Course</button>
</div>
<style>	
	    .shadow {
            -webkit-box-shadow: 0px 0px 10px #222; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
            -moz-box-shadow: 0px 0px 10px #222; /* FF3.5 - 3.6 */
            box-shadow: 0px 0px 10px #222; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
        }
</style>
<div id="questionPane" class="simple_overlay">
	<header id="questionHeader" class="info">
	<h3>Create Question</h3>
	<!-- add extra information for course and category-->
	</header>
	
	<ul id="questionList">
	<li id="foli0" class="notranslate      "><div class="qTitle">
		<label class="desc" id="title0" for="Field0">
		Question Title: 
		</label>
		<input id="questTitle" name="Field0" type="text" class="field qTitle" value="" size="59" tabindex="1" />	
	</div></li>
	
	<li id="foli0" class="notranslate      "><div class="qText">		
		<label class="desc" id="title1" for="Field1">
		Question Text:	
		</label>		
		
		<textarea id="questText" name="Field1" type="text" 
		class="field qText" value="" rows = "3" cols = "44"></textarea>	
	</div></li>
	</ul>
	
	<header id="answerHeader" class="info">
	<h4>Answer Options</h4>	
	</header>
	
	<ul>
	
	<li><div class="qChoiceA">		
		<label class="desc" id="choiceA" for="Field2">
		Choice A:        	
		</label>		
		
		<textarea id="choiceA" name="Field2" type="text" 
		class="field qChoiceA" value="" rows = "1" cols = "48"></textarea>	
	</div></li>
	
	<li><div class="qChoiceB">		
		<label class="desc" id="choiceB" for="Field3">
		Choice B:        	
		</label>		
		
		<textarea id="choiceB" name="Field3" type="text" 
		class="field qChoiceB" value="" rows = "1" cols = "48"></textarea>	
	</div></li>
	
	<li><div class="qChoiceC">		
		<label class="desc" id="choiceC" for="Field4">
		Choice C:        		
		</label>		
		
		<textarea id="choiceC" name="Field4" type="text" 
		class="field qChoiceC" value="" rows = "1" cols = "48"></textarea>	
	</div></li>
	
	<li><div class="qChoiceD">		
		<label class="desc" id="choiceD" for="Field5">
		Choice D:	     	
		</label>		
		
		<textarea id="choiceD" name="Field5" type="text" 
		class="field qChoiceD" value="" rows = "1" cols = "48"></textarea>	
	</div></li>
	
	<li><div class="qChoiceE">		
		<label class="desc" id="choiceE" for="Field6">
		Choice E:        		
		</label>		
		
		<textarea id="choiceE" name="Field6" type="text" 
		class="field qChoiceE" value="" rows = "1" cols = "48"></textarea>	
	</div></li>
	
	<li><div class="qAnswer">
		<label class="desc" id="choiceE" for="Field7">
		Correct Answer:        		
		</label>
		<select id="answerSelect">
			<option>A</option>		
			<option>B</option>
			<option>C</option>
			<option>D</option>
			<option>E</option>
		</select>
		
	</div></li>
	
	</ul>
	
	<header id="locationHeader" class="info">
	<h4>Location</h4>	
	</header>
	
	<label class="desc" id="courseLabel" for="Field8">
		Course:        		
		</label>
	<select class="coursesSelect" id="questCoursesSelect">				
	</select>
	
	<label class="categoriesSelect" id="categoryLabel" for="Field9">
		Category:        		
		</label>
	<select class="categoriesSelect" id="questCategoriesSelect">		
	</select>
	
	<br /><button type="button" id="questSubmitButton" onclick="">Submit Question</button>    		
</div>

<div class="across">
<ul id="jsddm">
	
	<li><a href="#">Settings</a>
        <ul>
            <li><a href="/_ah/login?continue=http%3A//localhost%3A8080/&action=Logout">Logout</a></li>
            <li><a href="#">User Settings-IMPLEMENT!!!</a></li>
        </ul>
    </li>
    <li><a href="#">Create</a>
        <ul>
			
			
            <li><a href="javascript:function Z(){Z=''}Z()" id="courseOver" rel="#coursePane">Course</a></li>
            <li><a href="javascript:function Z(){Z=''}Z()" id="categoryOver" rel="#categoryPane">Category</a></li>
            <li><a href="javascript:function Z(){Z=''}Z()" id="questionOver" rel="#questionPane">Question</a></li>
			
        </ul>
    </li>
	
</ul>
</div>
<br />
<div id="main">  
<h1>test@example.com, you are in your homepage.</h1>
<br />
0
<h2> Your courses: </h2>

</div>
</body>
</html>